// Created by lifei on 2020/7/20--9:24.
<template>
    <div class="resource-manage">
        <div class="sort-tree box-shadow">
            <sort-tree></sort-tree>
        </div>
        <div class="right-content">
            <div class="amount-wrap box-shadow">
                <div class="item all-center">
                    <div class="value text-theme">22</div>
                    <div class="label">空置</div>
                </div>
                <div class="item all-center">
                    <div class="value text-theme">22</div>
                    <div class="label">出租</div>
                </div>
                <div class="item all-center">
                    <div class="value text-theme">22</div>
                    <div class="label">借用</div>
                </div>
                <div class="item all-center">
                    <div class="value text-theme">22</div>
                    <div class="label">授权</div>
                </div>
            </div>
            <list-page
                class="box-shadow"
                :pager="pager"
                :data="tableData"
                @selectionChange="selectionChange"
                @changePageSize="changePageSize"
                @changeCurrentPage="changeCurrentPage">
                <template slot="buttons">
                    <el-button type="primary" size="small">OCR录入</el-button>
                    <el-button type="primary" size="small">新增</el-button>
                    <el-button type="primary" size="small">资产入库</el-button>
                    <el-button type="primary" size="small">资产处置</el-button>
                    <el-button type="primary" size="small" plain>拆分</el-button>
                    <el-button type="primary" size="small" plain>合并</el-button>
                    <el-button type="primary" size="small" plain>删除</el-button>
                    <el-button type="primary" size="small" plain>导入</el-button>
                    <el-button type="primary" size="small" plain>导出</el-button>
                </template>
                <template slot="table">
                    <el-table
                        :data="tableData"
                        align="center"
                        @selection-change="selectionChange">
                        <el-table-column
                            label="物业编号"
                            prop="number">
                        </el-table-column>
                        <el-table-column
                            label="物业名称"
                            prop="name">
                        </el-table-column>
                        <el-table-column
                            label="物业面积"
                            prop="area">
                        </el-table-column>
                        <el-table-column
                            label="物业类型"
                            prop="type">
                        </el-table-column>
                        <el-table-column
                            label="物业街道"
                            prop="address">
                        </el-table-column>
                        <el-table-column
                            label="物业位置"
                            prop="position">
                        </el-table-column>
                        <el-table-column
                            width="100px"
                            label="操作">
                            <template slot-scope="scope">
                                <el-button type="text" @click="handleClick(scope)">编辑</el-button>
                            </template>
                        </el-table-column>
                    </el-table>
                </template>
            </list-page>
        </div>
    </div>
</template>

<script src="./index.js"></script>
<style scoped lang="scss">
    @import "./index";
</style>

